<template>
    <div class="refuseLoan">
        <div class="refuseLoanTop">
            Kiểm toán rủi ro
        </div>
        <div class="refuseLoanContent">
            <img src="@/assets/refuseIcon.png" alt="">
            <p class="oneTip">Dịch vụ tạm thời không khả dụng</p>
            <!-- <p class="twoTip">Quá trình xem xét đang được đẩy nhanh, vui lòng kiên nhẫn chờ đợi</p> -->
            <!-- <p class="threeTip">Tổng điểm chưa đủ, duy trì tín dụng tốt và thử lại sau ngày 26/05/2024.</p> -->

        </div>
    </div>
</template>

<script setup lang='ts'>
import { useOverAllStore } from '@/stores/overAll';
import { getItem } from '@/utils/token-utils';
import { onMounted, onUnmounted, ref } from 'vue';
import { useRouter } from 'vue-router';

let precentNum = ref(0)

let router = useRouter()

let overAllStore = useOverAllStore()

onMounted(() => {
    if (!overAllStore.homeScreensData.scienFlag) {
        // overAllStore.getHomeScreenStoreHandler({
        //     uuid: getItem('uuid'),
        //     token: getItem('token')
        // })
        router.replace({
            path:'/home'
        })
    }
})

</script>

<style lang="less" scoped>
.refuseLoan {
    height: 100%;
    background-color: #F7F7FA;

    .refuseLoanTop {
        min-height: 2.3rem;
        display: flex;
        justify-content: center;
        align-items: center;

        /* font-family: SF Pro, SF Pro; */
        font-weight: 600;
        font-size: 18px;
        color: #292B33;
        line-height: 26px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .refuseLoanContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 .8rem;
        margin-top: 4.8rem;

        &>img {
            display: block;
            width: 4rem;
            height: 4rem;
        }

        .precent {
            font-family: DIN Alternate, DIN Alternate;
            font-weight: bold;
            font-size: 1.8rem;
            color: #292B33;
            line-height: 2.4rem;
            text-align: center;
            font-style: normal;
            text-transform: none;
        }

        .oneTip {
            font-family: SF Pro, SF Pro;
            font-weight: bold;
            font-size: .7rem;
            color: #000000;
            line-height: 1.1rem;
            text-align: center;
            font-style: normal;
            text-transform: none;
            margin: .8rem 0 .3rem;
        }

        .twoTip {
            font-family: SF Pro, SF Pro;
            font-weight: 600;
            font-size: .8rem;
            color: #292B33;
            line-height: 1.2rem;
            text-align: center;
            font-style: normal;
            text-transform: none;
            margin-bottom: .6rem;
        }

        .threeTip {
            font-family: SF Pro, SF Pro;
            font-weight: 400;
            font-size: .7rem;
            color: #626673;
            line-height: 1.1rem;
            text-align: center;
            font-style: normal;
            text-transform: none;
        }
    }
}
</style>